
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS样式表</title>
    <link rel="stylesheet" href="./houdunweb.css">
</head>
<body>
    <!--头部编写--->
    <header>
        <nav>
            <div><\>houdunren.com</div>
            <ul>
                <li><a href="#">系统学习</a></li>
                <li><a href="#">实战课程</a></li>
                <li><a href="#">最近更新</a></li>
                <li><a href="#">话题讨论</a></li>
                <li><a href="#">签到打卡</a></li>
                <li><a href="#">订阅会员</a></li>
                <li><a href="#">在线文档</a></li>
                <li><a href="#">训练营</a></li>
                <li><a href="#">直播间</a></li>
            </ul>
            <div class="login">
                <button>登录</button>
                <button>注册</button>
            </div>
        </nav>
    </header>
    <!--介绍-->
    <aside>
        <h2>CSS3样式表</h2>
        <p>层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）等文件样式的计算机语言。</p>
    </aside>
    <article>
        <h2>课程列表</h2>
        <ul>
            <li><a href="#">CSS系列课程开课了</a><span>共10个视频</span></li>
            <li><a href="#">元素权重全面掌握</a><span>共10个视频</span></li>
            <li><a href="#">搞定CSS权重</a><span>共10个视频</span></li>
            <li><a href="#">文本修饰</a><span>共10个视频</span></li>
            <li><a href="#">元素权重全面掌握</a><span>共10个视频</span></li>
            <li><a href="#">元素权重全面掌握</a><span>共10个视频</span></li>
            <li><a href="#">文本修饰</a><span>共10个视频</span></li>
            <li><a href="#">文本修饰</a><span>共10个视频</span></li>
            <li><a href="#">文本修饰</a><span>共10个视频</span></li>
            <li><a href="#">搞定CSS权重</a><span>共10个视频</span></li>
            <li><a href="#">搞定CSS权重</a><span>共10个视频</span></li>
            <li><a href="#">搞定CSS权重</a><span>共10个视频</span></li>
            <li><a href="#">搞定CSS权重</a><span>共10个视频</span></li>
            <li><a href="#">搞定CSS权重</a><span>共10个视频</span></li>
            <li><a href="#">搞定CSS权重</a><span>共10个视频</span></li>
        </ul>
    </article>
    <footer>
        <p>
        我们的使命：传播互联网前沿技术，帮助更多的人实现梦想<br>
        Copyright © 2010-2020 houdunren.com All Rights Reserved 京ICP备12048441号-3<br>
        18611400072  2300071698@qq.com<br>
        编码: 向军大叔 / 晚八点直播<br>
        </p>
    </footer>
</body>
</html>